﻿// Variables asociadas a los formularios
var login_usuario 			= localStorage['login_usuario'];
var hay_conexion 			= localStorage['hay_conexion'];

var id_opcion				= null;
var id_incidencia 			= null;


// onDeviceReady - Phonegap inicializacion
function onDeviceReady() 
{
	validar_conexion_internet();
}


// pagebeforecreate
$( '#consultarIncidencia' ).live( 'pagebeforecreate',function(event){
  	
});


// pagecreate
$( '#consultarIncidencia' ).live( 'pagecreate',function(event){
	
	// Seteamos los Valores correspondientes a la Alcaldia
	cargar_encabezado();
	cargar_pie_pagina();
	
	cargar_encabezado_mapa();
	cargar_pie_pagina_mapa();
	
	
	// OnClick
	$('#atras, #atras2').click(function()
	{
		location.href="SubMenuIncidencia.html";
	});
	
	$('#inicio').click(function()
	{
		location.href="MenuPrincipal.html";
	});
	
	$('#verMapa').click(function()
	{
		if ( $('#id_incidencia').val() != "" && $('#coord_x').val() != "" && $('#coord_y').val() != "" )
		{
			// Si Hay Conexión con el Servidor
			if ( localStorage['hay_conexion'] == "true" ) 
			{
				location.href="#mapaInternoIncidencia";
			}
			else
			{
				navigator.notification.alert("ATENCIÓN: No se pudo Ver el Mapa de la Incidencia debido a que actualmente no hay Conexión.", null, acronimo_sistema, "Aceptar");
			}
		}
		else
		{
			navigator.notification.alert("ATENCIÓN: Debe Consultar la Incidencia que desea Ver en el Mapa.", null, acronimo_sistema, "Aceptar");
		}
	});
	
	
	$('#consultar').click(function()
	{
		var validacion = consultar_incidencia();
		if ( validacion ) {
			
			/*
			// Validamos la Conexión con el Servidor
			var conexion = checkConnection();
			
			// Si Hay Conexión con el Servidor -> Llamamos al Servicio
			if ( conexion ) {
			*/	
			
			// Si Hay Conexión con el Servidor -> Llamamos al Servicio
			if ( localStorage['hay_conexion'] == "true" )
			{
			
				// Llamamos al Servicio
				var ajaxManager = $.manageAjax.create('cola_ajax',{manageType: 'queue', maxReq: 0, blockSameRequest:true});
				
				ajaxManager.add({
					type: "POST",
					url:  url_servicio_incidencia,
					data: "servicio=consultar_datos_inc"+"&"+
						  "id_municipio_base="+id_municipio_base+"&"+
						  "id_opcion="+id_opcion+"&"+
						  "id_incidencia="+id_incidencia+"&"+
						  "device_uuid="+device.uuid+"&"+
						  "device_platform="+device.platform+"&"+
						  "login_registro="+login_usuario,
					dataType: 'xml',
					success: function(response_xml)
					{
						$xml_resultado = $(response_xml);
						$status = $xml_resultado.find("status");
						
						if($status.length)
						{
							$status.each(function()
							{
								if($(this).text()=="S")
								{
									
								}
								else if($(this).text()=="N")
								{
									
								}
							});
							
							$datos_inc = $xml_resultado.find("datos_inc");
							
							if($datos_inc.length)
							{
								if ( $datos_inc.text() != "VACIO" )
								{
									$datos_inc.each(function()
									{
										$('#id_incidencia').attr("value",$xml_resultado.find("id_incidencia").text());
										$('#coord_x').attr("value",$xml_resultado.find("coord_x").text());
										$('#coord_y').attr("value",$xml_resultado.find("coord_y").text());
										
										$('#h_id_tipo_inc').attr("value",$xml_resultado.find("id_tipo_inc").text());
										$('#nombre_tipo_inc').attr("value",$xml_resultado.find("nombre_tipo_inc").text());
										
										$('#h_ancho_peq').attr("value",$xml_resultado.find("ancho_peq").text());
										$('#h_alto_peq').attr("value",$xml_resultado.find("alto_peq").text());
										
										$('#fecha_ocurrencia').attr("value",$xml_resultado.find("fecha_ocurrencia").text());
										$('#nombre_status_inc').attr("value",$xml_resultado.find("nombre_status_inc").text());
										
										$('#nombre_estado').attr("value", nombre_estado_base );
										$('#nombre_municipio').attr("value", nombre_municipio_base );
										$('#nombre_parroquia').attr("value",$xml_resultado.find("parroquia").text());
										$('#nombre_sector').attr("value",$xml_resultado.find("sector").text());
										$('#nombre_tipo_via').attr("value",$xml_resultado.find("nombre_tipo_via").text());
										$('#referencia').attr("value",$xml_resultado.find("referencia").text());
										
										$('#nombre_usuario_reg').attr("value",$xml_resultado.find("nombre_usuario_reg").text());
										$('#fecha_registro').attr("value",$xml_resultado.find("fecha_registro").text());
										
										$('#h_coord_x_centro').attr("value",$xml_resultado.find("coord_x_centro").text());
										$('#h_coord_y_centro').attr("value",$xml_resultado.find("coord_y_centro").text());
										$('#h_zoom_centro').attr("value",$xml_resultado.find("zoom_centro").text());
										$('#observaciones').attr("value",$xml_resultado.find("observaciones").text());
										
										navigator.notification.alert("Información Cargada Exitosamente.", null, acronimo_sistema, "Aceptar");
									});
								} 
								else 
								{
									limpiarConsultarDatosInc();
									navigator.notification.alert("No se encontro una Incidencia con el ID indicado.", null, acronimo_sistema, "Aceptar");
								}
							}                  		
							else
							{
								navigator.notification.alert("No hay Descripción de la Incidencia.", null, acronimo_sistema, "Aceptar");
							}
						}
						else
						{
							navigator.notification.alert("No hay Respuesta del Servicio.", null, acronimo_sistema, "Aceptar");
						}
					}
				});
				
				//navigator.notification.alert("Incidencia Consultada Existosamente. (SERVICIO)", null, acronimo_sistema, "Aceptar");
			
			// Si no Hay Conexión con el Servidor
			} else {
				
				if ( debbugModeDM ) {
					// Se consultan los Datos de la Incidencia LOCALMENTE (Funcion deshabilitada)
					consultarDatosInc( id_incidencia );
					navigator.notification.alert("Incidencia Consultada Existosamente. (LOCALMENTE)", null, acronimo_sistema, "Aceptar");
					
				} else {
					navigator.notification.alert("ATENCIÓN: No se pudo Consultar la Incidencia debido a que actualmente no hay Conexión.", null, acronimo_sistema, "Aceptar");
				}
			}
		} else {
			// DATA DE ENTRADA NO VALIDA
		}
	});
});


// pageinit
$('#consultarIncidencia').live('pageinit',function(event) {
	
	// OnChange
	
});


// pageshow
$( '#consultarIncidencia' ).live( 'pageshow',function(event){
	
});


// =================================================================================================================
// ========================================== Consultar una Incidencia =============================================
// =================================================================================================================

function consultar_incidencia() {
    
	id_opcion				= $('#id_opcion').val();
	
	id_incidencia 			= $('#id_incidencia').val();
	
    if ( id_incidencia == "" ) {
        navigator.notification.alert("Debe indicar el ID de la Incidencia que desea Consultar", null, acronimo_sistema, "Aceptar");						return false;
    } else if ( !IsNumeric(id_incidencia) ) {
        navigator.notification.alert("El ID de la Incidencia a Consultar debe ser un Número", null, acronimo_sistema, "Aceptar");						return false;
    
    } else {
        // navigator.notification.confirm("ATENCIÓN: ¿Esta seguro de que desea Consultar la Incidencia?", null, acronimo_sistema, "Aceptar,Cancelar")
		if ( window.confirm ("ATENCIÓN: ¿Esta seguro de que desea Consultar la Incidencia?") ) {
            return true;
        } else {
            navigator.notification.alert("La Operación de Consultar la Incidencia ha sido cancelada.!", null, acronimo_sistema, "Aceptar");
			return false;
        }
    }
}



		

// =================================================================================================================
// =========================================== Mapa de una Incidencia ==============================================
// =================================================================================================================

// pagebeforecreate
$( '#mapaInternoIncidencia' ).live( 'pagebeforecreate',function(event) {
  	pintar_mapa_incidencia();
});


// pagecreate
$( '#mapaInternoIncidencia' ).live( 'pagecreate',function(event) {
	
	//OnClick
	
});


// pageinit
$( '#mapaInternoIncidencia' ).live( 'pageinit',function(event) {
	
	// OnChange
	$('#map_canvas').gmap('refresh');
	
});


// pageshow
$( '#mapaInternoIncidencia' ).live( 'pageshow',function(event) {
	pintar_mapa_incidencia();
});


var ancho_peq 			= 0;
var alto_peq 			= 0;


// =================================================================================================================
// ===================================== Pinta el Mapa de una Incidencia ===========================================
// =================================================================================================================

function pintar_mapa_incidencia() {
	// Inicializamos y Seteamos las Variables del Marcador
	var id_incidencia		= $('#id_incidencia').val();
	var coord_x_centro		= $('#h_coord_x_centro').val();
	var coord_y_centro		= $('#h_coord_y_centro').val();
	var zoom_centro			= $('#h_zoom_centro').val();
	
	var point 				= new google.maps.LatLng( parseFloat(coord_x_centro).toFixed(8), parseFloat(coord_y_centro).toFixed(8) );
	
	var id_tipo_inc			= $('#h_id_tipo_inc').val();
	var nombre_tipo_inc 	= $('#nombre_tipo_inc').val();
	
	// Seteamos la Informacion de la Imagen del Marcador
	ancho_peq 				= $('#h_ancho_peq').val();
	alto_peq 				= $('#h_alto_peq').val();
	
	var icono_marker = "../img/incidencias/peq/" + id_tipo_inc + ".gif";
	var image = new google.maps.MarkerImage( icono_marker,
		new google.maps.Size( ancho_peq, alto_peq ),
		new google.maps.Point( 0, 0 ),
		new google.maps.Point( parseInt(ancho_peq/2), parseInt(alto_peq/2) ));
	
	$( '#map_canvas' ).gmap({ 	'panControl'            : false,
								'mapTypeControl'        : false,
								'streetViewControl'     : false,
								'mapTypeId'             : google.maps.MapTypeId.ROADMAP
							});
	
	$( '#map_canvas' ).gmap({ 'center': point, 'zoom': parseInt(zoom_centro) });
	$( '#map_canvas' ).gmap('option', 'center', point);
	$( '#map_canvas' ).gmap('option', 'zoom', parseInt(zoom_centro));
	
	// Eliminamos los Marcadores Existentes
	$( '#map_canvas' ).gmap('clear', 'markers');
	
	var marker = new google.maps.Marker({
		position: point, 
		title: nombre_tipo_inc, 
		icon: image,
		bounds: false
	});
	
	var html = "";
		html += "<div class='globo'>";
			html += "<div id='tit'>";
				html += "ID: " + id_incidencia;
			html += "</div>";
			html += "<div id='cont'>";
				html += "<table width='100%'>";
					html += "<tr>";
						html += "<td>";
							html += "<b>" + nombre_tipo_inc + "</b><br/>";
						html += "</td>";
					html += "</tr>";
				html += "<table>";								
			html += "</div>";
		html += "</div>";
		
	$( '#map_canvas' ).gmap('addMarker', marker).click(function() {
		$( '#map_canvas' ).gmap('openInfoWindow', { 'content': html }, this);
	});
	
	$( '#map_canvas' ).gmap('refresh');
}